<script setup lang="ts">
	import type { IFieldItemData } from '@/types/data';
	import FoodListSub from './Sub.vue';

	defineOptions({
		name: 'FoodList'
	});

	const props = defineProps<{
		foodDatas: Omit<IFieldItemData, "field">[];
	}>();
</script>

<template>
	<div class="list-wrapper">
		<food-list-sub
		  v-for="(item, index) of props.foodDatas"
		  :data="item"
		  :key="index"
		/>
	</div>
</template>

<style lang="scss" scoped>
	
</style>